<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1">
	<!-- Google Chrome Frame也可以让IE用上Chrome的引擎: -->
	<meta name="renderer" content="webkit">
	<!--国产浏览器高速模式-->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>作业管理系统</title>

	<!-- 公共样式 开始 -->
	<link rel="stylesheet" type="text/css" href="../../css/base.css">
	<link rel="stylesheet" type="text/css" href="../../css/iconfont.css">
	<script type="text/javascript" src="../../framework/jquery-1.11.3.min.js"></script>
	<link rel="stylesheet" type="text/css" href="../../layui/css/layui.css">
	<script type="text/javascript" src="../../layui/layui.js"></script>
	<!-- 滚动条插件 -->
	<link rel="stylesheet" type="text/css" href="../../css/jquery.mCustomScrollbar.css">
	<script src="../../framework/jquery-ui-1.10.4.min.js"></script>
	<script src="../../framework/jquery.mousewheel.min.js"></script>
	<script src="../../framework/jquery.mCustomScrollbar.min.js"></script>
	<script src="../../framework/cframe.js"></script><!-- 仅供所有子页面使用 -->
	<!-- 公共样式 结束 -->
	<script type="text/javascript" src="../../framework/frameAll.js"></script>
</head>

<body>
<table class="layui-hide" id="test" lay-filter="test"></table>
<script type="text/html" id="barDemo">
	<a class="layui-btn layui-btn-sm layui-btn-normal" lay-event="detail">查看</a>
</script>


<script src="../../layui/layui.js" charset="utf-8"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述 JS 路径需要改成你本地的 -->
<script>
	layui.use('table', function () {
		var table = layui.table;
		form = layui.form;

		var content = "";
		var tableIns = table.render({
			elem: '#test',
			height: "full-200",
			method: "get",
			request: {
				pageName: 'pageNo',//页码的参数名称，默认：page
				limitName: 'pageSize' //每页数据量的参数名，默认：limit
			},
			where: {
				action: "hwOverTime",
			},
			url: '/HwServlet.do',//数据接口
			page: true, //开启分页
			limits: [5, 10, 15, 20, 25, 30, 35, 40, 45, 50],
			cellMinWidth: 100,
			cols: [[
				{title: '序号', type: 'numbers'},
				{field: 'title', title: '标题'},
				{field: 'teacherName', title: '老师姓名'},
				{field: 'describe', title: '作业内容'},
				{field: 'endTime', title: '截止日期'},
				{title: '操作', align: 'center', toolbar: '#barDemo', fixed: 'right'}
			]]
		});
		table.on('tool(test)', function (obj) {
			//注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
			var data = obj.data; //获得当前行数据
			var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
			var tr = obj.tr; //获得当前行 tr 的 DOM 对象（如果有的话）
			if (layEvent === 'detail') {
				location.href = 'pyagent_list.3.html?content=' + data.id;
			}
		});
		form.on('submit(formDemo)', function (data) {
			content = data.field.id;
			tableIns.reload({
				where: {content: content},
				page: {curr: 1}
			});
			return false;
		});
	});
</script>

</body>
</html>
